<template>
  <router-view v-wechat-title="$route.meta.title" />
</template>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--base-text);
}

* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
}

/* 设置整个页面的滚动条样式 */
body > * ::-webkit-scrollbar {
  width: 8px; /* 设置滚动条的宽度 */
  height: 8px;
}

body > * ::-webkit-scrollbar-corner {
  background-color: transparent;
}

body > * ::-webkit-scrollbar-track {
  background-color: transparent; /* 设置滚动条轨道的背景颜色 */
}

body > * ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--devui-line, #adb0b8);
}

body > * ::-webkit-scrollbar-thumb:hover {
  background: #555; /* 当鼠标悬停在滚动条滑块上时的背景颜色 */
}

body > * ::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* 对于Firefox浏览器 */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

/* 对于IE和Edge浏览器 */
html {
  scrollbar-face-color: #888;
  scrollbar-track-color: #f1f1f1;
  scrollbar-arrow-color: #888;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-shadow-color: #888;
  scrollbar-3dlight-color: #f1f1f1;
  scrollbar-darkshadow-color: #888;
}

/*统一字体颜色*/
:root {
  --base-global-bg: #f6f6f8;
  --base-bg: #ffffff;
  --base-white-text: #ffffff;
  --base-text: #252b3a;
  --base-font-size-sm:12px;
  --base-logo-text:#064e87;
  --drawer-ui-line:#adb0b8;
  --base-font-bgcolor:rgb(106, 129, 237);
  --icon-base-color: #5e7ce0;
  --brand-hover: #7693f5;
  --brand-active: #526ecc;
  --box-line-shadow: 0 0px 4px rgba(37, 43, 58, 0.12);
  --devui-line: #adb0b8;
  --nav-bg: rgba(164, 164, 167, 0.164);
  --nav-hover-bg: #e9edfa;
  --nav-list-item-active-bg: #e9edfa;
  --nav-height: 40px;
  --nav-line-height: 40px;
  --bug-label-color:rgb(250, 152, 65);
  --task-label-color:rgb(166, 221, 130);
  --story-label-color:rgb(80, 212, 171);
  --base-font-size:14px;
  --mindmap-line-color:#3d0444;
  --notification-background-color:rgba(79,86,117,0.9);
}

/* 通知消息背景及字体颜色 */
.el-notification {
  color: var(--base-white-text) !important;
  background-color:var(--notification-background-color) !important;

  .el-notification__title{
    color: var(--base-white-text) !important;
  }
  
  .el-notification__content{
    color: var(--base-white-text) !important;
  }
  
  i.el-notification__closeBtn{
    color: var(--base-white-text) !important;
  }
}


/* 菜单图标 */
.icon-headerapp {
  background-image: url("@/assets/img/new-service-2x.sprite.png");
  background-size: 488px 484px;
  display: inline-block;
  margin-right: 5px;
}
.icon-headerapp-sub {
  background-image: url("@/assets/img/new-service-2d-2x.sprite.png?");
  background-size: 178px 178px;
  display: inline-block;
  margin-right: 5px;
}

/* 菜单图标具体标识 */
//架构
.icon-cloud-modeling {
  background-position: -252px -376px;
  width: 24px;
  height: 24px;  
}
//首页
.icon-cloud-homepage {
  background-position: -196px -376px;
  width: 24px;
  height: 24px;
}
//工作台
.icon-first-workbench {
    background-position: -436px -392px;
    width: 24px;
    height: 24px;
}
//服务
.icon-cloud-service {
    background-position: -408px -224px;
    width: 24px;
    height: 24px;
}
//工作项
.icon-cloud-req-sprite {
  background-position: -408px -112px;
  width: 24px;
  height: 24px;
}
//需求
.icon-req-2d {
  background-position: -100px -142px;
  width: 16px;
  height: 16px;
}
//bug
.icon-bug-2d {
  background-position: 0px -62px;
  width: 16px;
  height: 16px;
}
//仪表盘
.icon-dashboard-sprite {
  background-position: -224px -404px;
  width: 24px;
  height: 24px;
}
//代码房
.icon-code-warehouse {
  background-position: -56px -404px;
  width: 24px;
  height: 24px;
}
//代码审查
.icon-code-check-2d {
  background-position: -102px -20px;
  width: 16px;
  height: 16px;
}
//交付
.icon-cloud-release2 {
  background-position: -408px -56px;
  width: 24px;
  height: 24px;
}
//流水线
.icon-cloud-pipeline-2d-devcloud {
  background-position: -20px -82px;
  width: 16px;
  height: 16px;
}
//发布管理
.icon-cloud-release-manage-2d {
  background-position: -80px -82px;
  width: 16px;
  height: 16px;
}
//编译构建
.icon-cloud-build-2d-devcloud {
  background-position: -82px 0px;
  width: 16px;
  height: 16px;
}
//部署
.icon-cloud-deploy-2d {
  background-position: -82px -40px;
  width: 16px;
  height: 16px;
}
//运维
.icon-operation-maintenance-2d {
  background-position: -142px -100px;
  width: 16px;
  height: 16px;
}
//仓库
.icon-cloud-artifact2 {
  background-position: -380px -224px;
  width: 24px;
  height: 24px;
}
//软件库
.icon-cloud-release-2d {
  background-position: -60px -82px;
  width: 16px;
  height: 16px;
}
//依赖库
.icon-artifact-pms {
  background-position: -40px -42px;
  width: 16px;
  height: 16px;
}
//测试
.icon-cloud-test-sprite {
  background-position: -408px -280px;
  width: 24px;
  height: 24px;
}
//测试计划
.icon-testplan {
  background-position: -408px -280px;
  width: 24px;
  height: 24px;
}
//测试设计
.icon-tetdesign {
  background-position: -162px -120px;
  width: 16px;
  height: 16px;
}
//测试用例
.icon-test-report-2d {
  background-position: -162px -60px;
  width: 16px;
  height: 16px;
}
//测试执行
.icon-test-settings {
  background-position: -162px -80px;
  width: 16px;
  height: 16px;
}
//测试质量看板
.icon-kanban {
  background-position: 0px 0px;
  width: 17px;
  height: 18px;
}
//测试质量评估
.icon-evaluate-2d {
  background-position: -122px -100px;
  width: 16px;
  height: 16px;
}
//移动测试
.icon-mobile-app-test-2d {
  background-position: -80px -122px;
  width: 16px;
  height: 16px;
}
//维基信息
.icon-cloud-wiki-new {
  background-position: -408px -364px;
  width: 24px;
  height: 24px;
}
//文档
.icon-cloud-new-docman {
  background-position: -308px -376px;
  width: 24px;
  height: 24px;
}
//设置
.icon-cloud-setting {
  background-position: -408px -252px;
  width: 24px;
  height: 24px;
}
//通用设置
.icon-general-settings {
  background-position: -20px -122px;
  width: 16px;
  height: 16px;
}
//工作项设置
.icon-project-settings {
  background-position: -20px -142px;
  width: 16px;
  height: 16px;
}
</style>
